{% extends "layout-index.html" %}
{% block content-index %}
    <div><img src="../static/img/slider01.jpg" style="width: 70%;height: 500px" alt="加载失败!"></div>
    <div style="color: #000000; position: absolute;top: 480px;left: 20px;">
        <h1>驾校网上报名系统<sup style="font-size: 65%">®</sup></h1>
        <p>学车就从此处开始!!!</p>
    </div>
    <div class="account" style="width: 400px;border: 1px solid #dddddd;border-radius: 5px;box-shadow: 5px 5px 20px #aaa;
position: absolute;top:90px;right:0px;padding:30px;color: #8c5a13;height: 495px;">
        <h1 style="text-align: center;" class="h1">用户登录</h1>
        <form method="post" novalidate>
            {% csrf_token %}
            <div class="form-group">
                <label class="h4">用户名</label>
                {{ form.username }}
                <span style="color: red;">{{ form.username.errors.0 }}</span>
            </div>
            <div class="form-group">
                <label class="h4">密码</label>
                {{ form.password }}
                <span style="color: red;">{{ form.password.errors.0 }}</span>
            </div>
            <div class="form-group">
                <label for="id_code">图片验证码</label>
                <div class="row">
                    <div class="col-xs-7">
                        {{ form.code }}
                        <span style="color: red;">{{ form.code.errors.0 }}</span>
                    </div>
                    <div class="col-xs-5">
                        <img id="image_code" src="/image/code/" style="width: 125px;" alt="验证码加载失败！">
                    </div>
                </div>
            </div>
            <input type="submit" value="登 录" class="btn btn-primary" style="margin-left:18px;">
            <a href="/zhuce/" style="color: red;float: right;">没有账号？立即注册</a>
            <a href="/zhaohuipwd/" style="color: red;float: left;">忘记密码？找回</a>
        </form>
    </div>
{% endblock %}

